<template>
  <div class="navigation">
    <the-head></the-head>
    <home-faeture-slides></home-faeture-slides>
    <home-user-count></home-user-count>
    <home-hot-template></home-hot-template>
    <home-user-comments></home-user-comments>
    <home-join></home-join>
    <home-info></home-info>
    <the-footer></the-footer>
  </div>
</template>

<script>
import TheHead from '../components/TheHead.vue';
import HomeFaetureSlides from '../components/HomeFaetureSlides.vue';
import HomeUserCount from '../components/HomeUserCount.vue';
import HomeHotTemplate from '../components/HomeHotTemplate.vue';
import HomeUserComments from '../components/HomeUserComments.vue';
import HomeJoin from '../components/HomeJoin.vue';
import HomeInfo from '../components/HomeInfo.vue';
import TheFooter from '../components/TheFooter.vue';

export default {
  components: {
    TheHead,
    HomeFaetureSlides,
    HomeUserCount,
    HomeHotTemplate,
    HomeUserComments,
    HomeJoin,
    HomeInfo,
    TheFooter,
  },
};
</script>

<style lang="scss" scoped>
.navigation{
  padding-top: 60px;
}
</style>
